<template>
  <div class="content">
    <h1>{{ title }}分类</h1>
    <!-- 
        在封装组件的时候，使用slot标签进行占位，这个位置就是插槽区域，未来在使用组件的时候，可以向插槽区域插入内容或者结构
     -->
    <slot></slot>
    <footer>底部</footer>
  </div>
</template>
<script>
export default {
  name: 'Content',
  props: ['title'],
};
</script>
<style scoped>
.content {
  width: 200px;
  height: 300px;
  background: #99ccff;
}

.content h1 {
  background: #ffffcc;
}
</style>
